<!DOCTYPE html> 
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Split it up</title> 
</head> 

<body> 
<div data-role="page" id="add-person">
	<div data-role="header" data-position="fixed">
    	<a href="start.html" data-icon="arrow-l" data-role="button" data-rel="back">back</a>
    	<h1>add people to the bill</h1>
	</div>
    <!-- /header -->
    
    <div data-role="content">   
    	<form id="form-add-person">
            <ul data-role="listview" data-inset="true" id="form-add-person-field-list">
            	<li data-role="fieldcontain">
            		<p>
	            		<label for="person-name">name:</label>
	            		<input type="text" id="person-name" name="person-name"/>
	            	</p>
	            	
            	</li>
            	
            	<li data-role="fieldcontain" id="add-person-more-people-link-cont">
            		<p>
	            		<a href="#" data-icon="plus" data-role="button" data-inline="true" data-iconpos="left" data-mini="false">add one more</a>
            		</p>
        		</li>
        		
	            <li data-role="fieldcontain">
	            	<button type="submit" data-theme="b" name="submit" value="submit-value">done</button>
                </li>            
            </ul>	
    	</form>
    	<div style="clear:both;">
	    	<ul data-role="listview" data-theme="a" data-inset="true" id="add-person-added-people" data-split-icon="delete" data-split-theme="b">
	    		
	    	</ul>
    	</div>
    </div><!-- /content -->
</div><!-- /page -->
</body>
</html>